
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>principal</title>
        <link href="/css/principal.css" rel="stylesheet" type="text/css" />

        <link rel="stylesheet" type="text/css" href="/libs/bdc-ddmenu-0.3/css/ddmenu.css"/>

        <script type="text/javascript" src="/libs/jquery/jquery-1.3.2.js"></script>
        <script type="text/javascript" src="/libs/bdc-ddmenu-0.3/js/jquery.bdc.ddmenu.js"></script>
        <script type="text/javascript" src="/libs/jquery.easing/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function(){
                $('#nav > ul').ddMenu({
                    initial: 'BDC DrillDown Menu|Examples',
                    easing: 'easeOutExpo',
                    duration: 1000,
                    rootTitle: 'jQuery'
                });
                $('a[href^=http://]').attr('target', '_blank');
                $('ul[id^=example-] a').click(function() {
                    alert('You have clicked "' + $(this).text() + '".');
                    return false;
                });
                $('#example-3').ddMenu({ rootTitle: 'Men� Principal' });

            });
        </script>
    </head>

<body class="twoColHybLtHdr">

        <div id="container">
            <div id="header"></div>
            <div id="header"></div>
            <div id="sidebar1">

                <ul id="example-3">
                    <li>
                        <span>Inicio</span>
                        <ul>
                            <li><a href="#">Visión</a></li>
                            <li><a href="#">Misión</a></li>

                            <li>
                                <span>Integrantes</span>
                                <ul>
                                    <li><a href="#">Harold</a></li>
                                    <li><a href="#">Mary</a></li>
                                    <li><a href="#">Fabiola</a></li>
                                    <li><a href="#">Samantha</a></li>
                                    <li><a href="#">Dodi</a></li>
                                    <li><a href="#">Jenny</a></li>
                                    <li><a href="#">Aneta</a></li>
                                    <li><a href="#">Sr.Sanchez</a></li>
                                    <li><a href="#">Carlos</a></li>

                                </ul>

                            </li>
                        </ul>
                    </li>
                    <li><a href="#">Contáctanos</a></li>
                    <li>
                        <span>Servicios</span>
                        <ul>
                            <li>

                                <span>Consultoría</span>
                                <ul>
                                    <li><a href="#">Ambiental</a></li>
                                    <li><a href="#">Informática</a></li>
                                    <li><a href="#">Empresarial</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>

                <!-- end #sidebar1 --></div>
            <div id="mainContent">

                <!-- end #mainContent --></div>
            <!-- Este elemento de eliminaci�n siempre debe ir inmediatamente despu�s del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos -->
            <br class="clearfloat" />
            <div id="footer">
                <p>&nbsp;</p>
                <!-- end #footer --></div>
            <!-- end #container --></div>
    </body>
</html>